/* ==========================================================================
    Main.less - Contains all styles for the web application
    Application: GeoInnovation Services Center
    Author: Edgar Hernandez - TAMU GeoInnovation Services ©
   ========================================================================== */
/* =========== Contents ===========*/
/* =========== END Contents ===========*/
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex.flex-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex.flex-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex.flex-row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex.align-start {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.flex.align-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.flex.align-baseline {
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.flex.align-stretch {
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.flex.justify-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.flex.justify-between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.flex.justify-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.flex.self-align {
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
}
.leader-1 {
  margin-top: 1rem !important;
}
.leader-2 {
  margin-top: 2rem !important;
}
.leader-3 {
  margin-top: 3rem !important;
}
.leader-4 {
  margin-top: 4rem !important;
}
.leader-5 {
  margin-top: 5rem !important;
}
.leader-6 {
  margin-top: 6rem !important;
}
.leader-7 {
  margin-top: 7rem !important;
}
.leader-8 {
  margin-top: 8rem !important;
}
.leader-9 {
  margin-top: 9rem !important;
}
.trailer-1 {
  margin-bottom: 1rem !important;
}
.trailer-2 {
  margin-bottom: 2rem !important;
}
.trailer-3 {
  margin-bottom: 3rem !important;
}
.trailer-4 {
  margin-bottom: 4rem !important;
}
.trailer-5 {
  margin-bottom: 5rem !important;
}
.trailer-6 {
  margin-bottom: 6rem !important;
}
.trailer-7 {
  margin-bottom: 7rem !important;
}
.trailer-8 {
  margin-bottom: 8rem !important;
}
.trailer-9 {
  margin-bottom: 9rem !important;
}
.pre-1 {
  margin-left: 1rem !important;
}
.pre-2 {
  margin-left: 2rem !important;
}
.pre-3 {
  margin-left: 3rem !important;
}
.pre-4 {
  margin-left: 4rem !important;
}
.pre-5 {
  margin-left: 5rem !important;
}
.pre-6 {
  margin-left: 6rem !important;
}
.pre-7 {
  margin-left: 7rem !important;
}
.pre-8 {
  margin-left: 8rem !important;
}
.pre-9 {
  margin-left: 9rem !important;
}
.post-1 {
  margin-right: 1rem !important;
}
.post-2 {
  margin-right: 2rem !important;
}
.post-3 {
  margin-right: 3rem !important;
}
.post-4 {
  margin-right: 4rem !important;
}
.post-5 {
  margin-right: 5rem !important;
}
.post-6 {
  margin-right: 6rem !important;
}
.post-7 {
  margin-right: 7rem !important;
}
.post-8 {
  margin-right: 8rem !important;
}
.post-9 {
  margin-right: 9rem !important;
}
.x-large-partition,
.large-partition,
.medium-partition,
.small-partition,
.no-pad-partition {
  width: 100%;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.x-large-partition img.miniature,
.large-partition img.miniature,
.medium-partition img.miniature,
.small-partition img.miniature,
.no-pad-partition img.miniature {
  max-width: 15%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.x-large-partition img.small,
.large-partition img.small,
.medium-partition img.small,
.small-partition img.small,
.no-pad-partition img.small {
  max-width: 20%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.x-large-partition img.medium,
.large-partition img.medium,
.medium-partition img.medium,
.small-partition img.medium,
.no-pad-partition img.medium {
  max-width: 28%;
}
.x-large-partition img.large,
.large-partition img.large,
.medium-partition img.large,
.small-partition img.large,
.no-pad-partition img.large {
  max-width: 50%;
  padding-top: 1.5rem;
  padding-bottom: 0rem;
}
.x-large-partition img.x-large,
.large-partition img.x-large,
.medium-partition img.x-large,
.small-partition img.x-large,
.no-pad-partition img.x-large {
  max-width: 65%;
  padding-top: 0rem;
  padding-bottom: .5rem;
}
.x-large-partition img.jumbo,
.large-partition img.jumbo,
.medium-partition img.jumbo,
.small-partition img.jumbo,
.no-pad-partition img.jumbo {
  max-width: 80%;
  padding-top: 0rem;
  padding-bottom: .5rem;
}
.x-large-partition .content-block p,
.large-partition .content-block p,
.medium-partition .content-block p,
.small-partition .content-block p,
.no-pad-partition .content-block p {
  text-align: left;
}
.x-large-partition {
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.large-partition {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.medium-partition {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.small-partition {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.x-small-partition {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.no-pad-partition {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.partition-heading {
  font-size: 2rem;
  font-weight: 100;
  padding: 0;
}
input[type="submit"],
.button {
  display: inline-block;
  position: relative;
  z-index: 20;
  padding: .65em 2em;
  background: #4285f4;
  border: none;
  color: #FFFFFF;
  box-sizing: border-box;
  margin-top: 1rem;
  margin-bottom: 1.5em;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  border-radius: 3px;
  -webkit-transition: 0.25s all, X;
  -moz-transition: 0.25s all, X;
  -ms-transition: 0.25s all, X;
  -o-transition: 0.25s all, X;
  transition: 0.25s all, X;
  overflow: hidden;
  font-weight: 400;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="button"]:hover,
.button:focus,
.button:hover,
.fab:focus,
.fab:hover {
  cursor: pointer;
}
input[type="submit"]:active,
input[type="button"]:active,
.button:active,
.fab:active {
  outline: 0;
}
input[type="submit"]:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
  font-size: 1.1rem;
  box-sizing: border-box;
  border-bottom: 1px solid #bdbdbd;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: .2em .5rem;
  width: 100%;
  background: none;
  z-index: 0;
  position: relative;
  -webkit-appearance: none;
  -webkit-transition: border-color 0.3s, X;
  -moz-transition: border-color 0.3s, X;
  -ms-transition: border-color 0.3s, X;
  -o-transition: border-color 0.3s, X;
  transition: border-color 0.3s, X;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
  border-color: #424242;
}
input[type="radio"] {
  opacity: 0;
  z-index: 100;
  position: relative;
}
input[type="radio"] + i {
  position: absolute;
  height: 1em;
  width: 1em;
  display: inline-block;
  opacity: 1;
  border-radius: 100%;
  border: 2px solid #5a5a5a;
  left: -0.2em;
}
input[type="radio"] + i::after {
  content: '';
  display: block;
  position: relative;
  background-image: url(../img/icons/ic_lens_48px.svg);
  background-repeat: no-repeat;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  height: .8em;
  width: .8em;
  opacity: 1;
  top: .12em;
  left: .075em;
  z-index: 90;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  transition: .3s all;
}
.map-container input[type="radio"] + i::after {
  left: .11rem;
}
input[type="radio"]:checked + i {
  border: 2px solid #009688;
}
input[type="radio"]:checked + i::after {
  -webkit-animation: bloom 0.3s;
  -moz-animation: bloom 0.3s;
  -o-animation: bloom 0.3s;
  animation: bloom 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
input[type="checkbox"] {
  opacity: 0;
  z-index: 100;
  position: relative;
  display: inline-block;
  height: 1.25em;
  width: 1.25em;
  left: -0.25em;
}
input[type="checkbox"] + i {
  position: absolute;
  height: 1em;
  width: 1em;
  display: inline-block;
  opacity: 1;
  border-radius: 10%;
  border: 2px solid #5a5a5a;
  left: -0.2em;
  transition: .3s all;
}
input[type="checkbox"] + i::after {
  content: '';
  display: block;
  position: relative;
  background-image: url(../img/icons/ic_check_48px.svg);
  background-size: 110%;
  background-repeat: no-repeat;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  height: .8em;
  width: .8em;
  opacity: 1;
  top: .12em;
  left: .1em;
  z-index: 90;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -ms-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  transition: .3s all;
}
input[type="checkbox"]:checked + i {
  border: 2px solid #009688;
  background: #009688;
}
input[type="checkbox"]:checked + i::after {
  -webkit-animation: bloom 0.3s;
  -moz-animation: bloom 0.3s;
  -o-animation: bloom 0.3s;
  animation: bloom 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes bloom {
  0 {
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    height: .8em;
    width: .8em;
  }
}
label {
  display: inline;
  margin: .3em 0;
  margin-left: .5em;
  text-align: left;
}
div.input-item label {
  font-size: 1.1rem;
  border: none;
  cursor: initial;
  display: initial;
  padding: initial;
  position: absolute;
  color: #9E9E9E;
  margin-left: .5rem;
  bottom: -0.15em;
  left: 0;
  z-index: -1;
  -webkit-transition: all 0.3s, X;
  -moz-transition: all 0.3s, X;
  -ms-transition: all 0.3s, X;
  -o-transition: all 0.3s, X;
  transition: all 0.3s, X;
}
div.input-item label.changed,
div.input-item label.no-float {
  -webkit-transform: translate3d(0, -1.75rem, 0);
  -moz-transform: translate3d(0, -1.75rem, 0);
  -ms-transform: translate3d(0, -1.75rem, 0);
  -o-transform: translate3d(0, -1.75rem, 0);
  transform: translate3d(0, -1.75rem, 0);
  opacity: 1;
  font-size: .8rem;
  color: #500000;
}
div.input-item input:focus,
div.input-item textarea:focus,
div.input-item select:focus {
  outline: none;
}
.small-form {
  width: 27em;
  margin: 0 auto;
  text-align: center;
}
.input-item {
  display: block;
  margin: 1.75em 0;
  position: relative;
}
.input-item div {
  display: inline-block;
}
.input-item .validator {
  position: absolute;
  right: .75em;
  top: 0.75em;
}
.form-buttons {
  display: block;
  text-align: left;
}
.form-alt-links a {
  margin: 0 .5em;
  display: inline-block;
}
.radio-group {
  display: inline-block;
  margin: 0 1em;
  position: relative;
}
.radio-group span {
  padding: 0 .4em;
}
.bg-md-red-50 {
  background: #FFEBEE !important;
}
.bg-md-red-100 {
  background: #FFCDD2 !important;
}
.bg-md-red-200 {
  background: #EF9A9A !important;
}
.bg-md-red-300 {
  background: #E57373 !important;
}
.bg-md-red-400 {
  background: #EF5350 !important;
}
.bg-md-red-500 {
  background: #F44336 !important;
}
.bg-md-red-600 {
  background: #E53935 !important;
}
.bg-md-red-700 {
  background: #D32F2F !important;
}
.bg-md-red-800 {
  background: #C62828 !important;
}
.bg-md-red-900 {
  background: #B71C1C !important;
}
.clr-md-red-50 {
  color: #FFEBEE !important;
}
.clr-md-red-100 {
  color: #FFCDD2 !important;
}
.clr-md-red-200 {
  color: #EF9A9A !important;
}
.clr-md-red-300 {
  color: #E57373 !important;
}
.clr-md-red-400 {
  color: #EF5350 !important;
}
.clr-md-red-500 {
  color: #F44336 !important;
}
.clr-md-red-600 {
  color: #E53935 !important;
}
.clr-md-red-700 {
  color: #D32F2F !important;
}
.clr-md-red-800 {
  color: #C62828 !important;
}
.clr-md-red-900 {
  color: #B71C1C !important;
}
.bg-md-pink-50 {
  background: #FCE4EC !important;
}
.bg-md-pink-100 {
  background: #F8BBD0 !important;
}
.bg-md-pink-200 {
  background: #F48FB1 !important;
}
.bg-md-pink-300 {
  background: #F06292 !important;
}
.bg-md-pink-400 {
  background: #F06292 !important;
}
.bg-md-pink-500 {
  background: #E91E63 !important;
}
.bg-md-pink-600 {
  background: #D81B60 !important;
}
.bg-md-pink-700 {
  background: #C2185B !important;
}
.bg-md-pink-800 {
  background: #AD1457 !important;
}
.bg-md-pink-900 {
  background: #880E4F !important;
}
.clr-md-pink-50 {
  color: #FCE4EC !important;
}
.clr-md-pink-100 {
  color: #F8BBD0 !important;
}
.clr-md-pink-200 {
  color: #F48FB1 !important;
}
.clr-md-pink-300 {
  color: #F06292 !important;
}
.clr-md-pink-400 {
  color: #F06292 !important;
}
.clr-md-pink-500 {
  color: #E91E63 !important;
}
.clr-md-pink-600 {
  color: #D81B60 !important;
}
.clr-md-pink-700 {
  color: #C2185B !important;
}
.clr-md-pink-800 {
  color: #AD1457 !important;
}
.clr-md-pink-900 {
  color: #880E4F !important;
}
.bg-md-purple-50 {
  background: #F3E5F5 !important;
}
.bg-md-purple-100 {
  background: #E1BEE7 !important;
}
.bg-md-purple-200 {
  background: #CE93D8 !important;
}
.bg-md-purple-300 {
  background: #BA68C8 !important;
}
.bg-md-purple-400 {
  background: #AB47BC !important;
}
.bg-md-purple-500 {
  background: #9C27B0 !important;
}
.bg-md-purple-600 {
  background: #8E24AA !important;
}
.bg-md-purple-700 {
  background: #7B1FA2 !important;
}
.bg-md-purple-800 {
  background: #6A1B9A !important;
}
.bg-md-purple-900 {
  background: #4A148C !important;
}
.clr-md-purple-50 {
  color: #F3E5F5 !important;
}
.clr-md-purple-100 {
  color: #E1BEE7 !important;
}
.clr-md-purple-200 {
  color: #CE93D8 !important;
}
.clr-md-purple-300 {
  color: #BA68C8 !important;
}
.clr-md-purple-400 {
  color: #AB47BC !important;
}
.clr-md-purple-500 {
  color: #9C27B0 !important;
}
.clr-md-purple-600 {
  color: #8E24AA !important;
}
.clr-md-purple-700 {
  color: #7B1FA2 !important;
}
.clr-md-purple-800 {
  color: #6A1B9A !important;
}
.clr-md-purple-900 {
  color: #4A148C !important;
}
.bg-md-deep-purple-50 {
  background: #EDE7F6 !important;
}
.bg-md-deep-purple-100 {
  background: #D1C4E9 !important;
}
.bg-md-deep-purple-200 {
  background: #B39DDB !important;
}
.bg-md-deep-purple-300 {
  background: #9575CD !important;
}
.bg-md-deep-purple-400 {
  background: #7E57C2 !important;
}
.bg-md-deep-purple-500 {
  background: #673AB7 !important;
}
.bg-md-deep-purple-600 {
  background: #5E35B1 !important;
}
.bg-md-deep-purple-700 {
  background: #512DA8 !important;
}
.bg-md-deep-purple-800 {
  background: #4527A0 !important;
}
.bg-md-deep-purple-900 {
  background: #311B92 !important;
}
.clr-md-deep-purple-50 {
  color: #EDE7F6 !important;
}
.clr-md-deep-purple-100 {
  color: #D1C4E9 !important;
}
.clr-md-deep-purple-200 {
  color: #B39DDB !important;
}
.clr-md-deep-purple-300 {
  color: #9575CD !important;
}
.clr-md-deep-purple-400 {
  color: #7E57C2 !important;
}
.clr-md-deep-purple-500 {
  color: #673AB7 !important;
}
.clr-md-deep-purple-600 {
  color: #5E35B1 !important;
}
.clr-md-deep-purple-700 {
  color: #512DA8 !important;
}
.clr-md-deep-purple-800 {
  color: #4527A0 !important;
}
.clr-md-deep-purple-900 {
  color: #311B92 !important;
}
.bg-md-indigo-50 {
  background: #E8EAF6 !important;
}
.bg-md-indigo-100 {
  background: #C5CAE9 !important;
}
.bg-md-indigo-200 {
  background: #9FA8DA !important;
}
.bg-md-indigo-300 {
  background: #7986CB !important;
}
.bg-md-indigo-400 {
  background: #5C6BC0 !important;
}
.bg-md-indigo-500 {
  background: #3F51B5 !important;
}
.bg-md-indigo-600 {
  background: #3949AB !important;
}
.bg-md-indigo-700 {
  background: #303F9F !important;
}
.bg-md-indigo-800 {
  background: #283593 !important;
}
.bg-md-indigo-900 {
  background: #1A237E !important;
}
.clr-md-indigo-50 {
  color: #E8EAF6 !important;
}
.clr-md-indigo-100 {
  color: #C5CAE9 !important;
}
.clr-md-indigo-200 {
  color: #9FA8DA !important;
}
.clr-md-indigo-300 {
  color: #7986CB !important;
}
.clr-md-indigo-400 {
  color: #5C6BC0 !important;
}
.clr-md-indigo-500 {
  color: #3F51B5 !important;
}
.clr-md-indigo-600 {
  color: #3949AB !important;
}
.clr-md-indigo-700 {
  color: #303F9F !important;
}
.clr-md-indigo-800 {
  color: #283593 !important;
}
.clr-md-indigo-900 {
  color: #1A237E !important;
}
.bg-md-blue-50 {
  background: #E3F2FD !important;
}
.bg-md-blue-100 {
  background: #BBDEFB !important;
}
.bg-md-blue-200 {
  background: #90CAF9 !important;
}
.bg-md-blue-300 {
  background: #64B5F6 !important;
}
.bg-md-blue-400 {
  background: #42A5F5 !important;
}
.bg-md-blue-500 {
  background: #2196F3 !important;
}
.bg-md-blue-600 {
  background: #1E88E5 !important;
}
.bg-md-blue-700 {
  background: #1976D2 !important;
}
.bg-md-blue-800 {
  background: #1565C0 !important;
}
.bg-md-blue-900 {
  background: #0D47A1 !important;
}
.clr-md-blue-50 {
  color: #E3F2FD !important;
}
.clr-md-blue-100 {
  color: #BBDEFB !important;
}
.clr-md-blue-200 {
  color: #90CAF9 !important;
}
.clr-md-blue-300 {
  color: #64B5F6 !important;
}
.clr-md-blue-400 {
  color: #42A5F5 !important;
}
.clr-md-blue-500 {
  color: #2196F3 !important;
}
.clr-md-blue-600 {
  color: #1E88E5 !important;
}
.clr-md-blue-700 {
  color: #1976D2 !important;
}
.clr-md-blue-800 {
  color: #1565C0 !important;
}
.clr-md-blue-900 {
  color: #0D47A1 !important;
}
.bg-md-light-blue-50 {
  background: #E1F5FE !important;
}
.bg-md-light-blue-100 {
  background: #B3E5FC !important;
}
.bg-md-light-blue-200 {
  background: #81D4FA !important;
}
.bg-md-light-blue-300 {
  background: #4FC3F7 !important;
}
.bg-md-light-blue-400 {
  background: #29B6F6 !important;
}
.bg-md-light-blue-500 {
  background: #03A9F4 !important;
}
.bg-md-light-blue-600 {
  background: #039BE5 !important;
}
.bg-md-light-blue-700 {
  background: #0288D1 !important;
}
.bg-md-light-blue-800 {
  background: #0277BD !important;
}
.bg-md-light-blue-900 {
  background: #01579B !important;
}
.clr-md-light-blue-50 {
  color: #E1F5FE !important;
}
.clr-md-light-blue-100 {
  color: #B3E5FC !important;
}
.clr-md-light-blue-200 {
  color: #81D4FA !important;
}
.clr-md-light-blue-300 {
  color: #4FC3F7 !important;
}
.clr-md-light-blue-400 {
  color: #29B6F6 !important;
}
.clr-md-light-blue-500 {
  color: #03A9F4 !important;
}
.clr-md-light-blue-600 {
  color: #039BE5 !important;
}
.clr-md-light-blue-700 {
  color: #0288D1 !important;
}
.clr-md-light-blue-800 {
  color: #0277BD !important;
}
.clr-md-light-blue-900 {
  color: #01579B !important;
}
.bg-md-cyan-50 {
  background: #E0F7FA !important;
}
.bg-md-cyan-100 {
  background: #B2EBF2 !important;
}
.bg-md-cyan-200 {
  background: #80DEEA !important;
}
.bg-md-cyan-300 {
  background: #4DD0E1 !important;
}
.bg-md-cyan-400 {
  background: #26C6DA !important;
}
.bg-md-cyan-500 {
  background: #00BCD4 !important;
}
.bg-md-cyan-600 {
  background: #00ACC1 !important;
}
.bg-md-cyan-700 {
  background: #0097A7 !important;
}
.bg-md-cyan-800 {
  background: #00838F !important;
}
.bg-md-cyan-900 {
  background: #006064 !important;
}
.clr-md-cyan-50 {
  color: #E0F7FA !important;
}
.clr-md-cyan-100 {
  color: #B2EBF2 !important;
}
.clr-md-cyan-200 {
  color: #80DEEA !important;
}
.clr-md-cyan-300 {
  color: #4DD0E1 !important;
}
.clr-md-cyan-400 {
  color: #26C6DA !important;
}
.clr-md-cyan-500 {
  color: #00BCD4 !important;
}
.clr-md-cyan-600 {
  color: #00ACC1 !important;
}
.clr-md-cyan-700 {
  color: #0097A7 !important;
}
.clr-md-cyan-800 {
  color: #00838F !important;
}
.clr-md-cyan-900 {
  color: #006064 !important;
}
.bg-md-teal-50 {
  background: #E0F2F1 !important;
}
.bg-md-teal-100 {
  background: #B2DFDB !important;
}
.bg-md-teal-200 {
  background: #80CBC4 !important;
}
.bg-md-teal-300 {
  background: #4DB6AC !important;
}
.bg-md-teal-400 {
  background: #26A69A !important;
}
.bg-md-teal-500 {
  background: #009688 !important;
}
.bg-md-teal-600 {
  background: #00897B !important;
}
.bg-md-teal-700 {
  background: #00796B !important;
}
.bg-md-teal-800 {
  background: #00695C !important;
}
.bg-md-teal-900 {
  background: #004D40 !important;
}
.clr-md-teal-50 {
  color: #E0F2F1 !important;
}
.clr-md-teal-100 {
  color: #B2DFDB !important;
}
.clr-md-teal-200 {
  color: #80CBC4 !important;
}
.clr-md-teal-300 {
  color: #4DB6AC !important;
}
.clr-md-teal-400 {
  color: #26A69A !important;
}
.clr-md-teal-500 {
  color: #009688 !important;
}
.clr-md-teal-600 {
  color: #00897B !important;
}
.clr-md-teal-700 {
  color: #00796B !important;
}
.clr-md-teal-800 {
  color: #00695C !important;
}
.clr-md-teal-900 {
  color: #004D40 !important;
}
.bg-md-green-50 {
  background: #E8F5E9 !important;
}
.bg-md-green-100 {
  background: #C8E6C9 !important;
}
.bg-md-green-200 {
  background: #A5D6A7 !important;
}
.bg-md-green-300 {
  background: #81C784 !important;
}
.bg-md-green-400 {
  background: #66BB6A !important;
}
.bg-md-green-500 {
  background: #4CAF50 !important;
}
.bg-md-green-600 {
  background: #43A047 !important;
}
.bg-md-green-700 {
  background: #388E3C !important;
}
.bg-md-green-800 {
  background: #2E7D32 !important;
}
.bg-md-green-900 {
  background: #1B5E20 !important;
}
.clr-md-green-50 {
  color: #E8F5E9 !important;
}
.clr-md-green-100 {
  color: #C8E6C9 !important;
}
.clr-md-green-200 {
  color: #A5D6A7 !important;
}
.clr-md-green-300 {
  color: #81C784 !important;
}
.clr-md-green-400 {
  color: #66BB6A !important;
}
.clr-md-green-500 {
  color: #4CAF50 !important;
}
.clr-md-green-600 {
  color: #43A047 !important;
}
.clr-md-green-700 {
  color: #388E3C !important;
}
.clr-md-green-800 {
  color: #2E7D32 !important;
}
.clr-md-green-900 {
  color: #1B5E20 !important;
}
.bg-md-light-green-50 {
  background: #F1F8E9 !important;
}
.bg-md-light-green-100 {
  background: #DCEDC8 !important;
}
.bg-md-light-green-200 {
  background: #C5E1A5 !important;
}
.bg-md-light-green-300 {
  background: #AED581 !important;
}
.bg-md-light-green-400 {
  background: #9CCC65 !important;
}
.bg-md-light-green-500 {
  background: #8BC34A !important;
}
.bg-md-light-green-600 {
  background: #7CB342 !important;
}
.bg-md-light-green-700 {
  background: #689F38 !important;
}
.bg-md-light-green-800 {
  background: #558B2F !important;
}
.bg-md-light-green-900 {
  background: #33691E !important;
}
.clr-md-light-green-50 {
  color: #F1F8E9 !important;
}
.clr-md-light-green-100 {
  color: #DCEDC8 !important;
}
.clr-md-light-green-200 {
  color: #C5E1A5 !important;
}
.clr-md-light-green-300 {
  color: #AED581 !important;
}
.clr-md-light-green-400 {
  color: #9CCC65 !important;
}
.clr-md-light-green-500 {
  color: #8BC34A !important;
}
.clr-md-light-green-600 {
  color: #7CB342 !important;
}
.clr-md-light-green-700 {
  color: #689F38 !important;
}
.clr-md-light-green-800 {
  color: #558B2F !important;
}
.clr-md-light-green-900 {
  color: #33691E !important;
}
.bg-md-lime-50 {
  background: #F9FBE7 !important;
}
.bg-md-lime-100 {
  background: #F0F4C3 !important;
}
.bg-md-lime-200 {
  background: #E6EE9C !important;
}
.bg-md-lime-300 {
  background: #DCE775 !important;
}
.bg-md-lime-400 {
  background: #D4E157 !important;
}
.bg-md-lime-500 {
  background: #CDDC39 !important;
}
.bg-md-lime-600 {
  background: #C0CA33 !important;
}
.bg-md-lime-700 {
  background: #AFB42B !important;
}
.bg-md-lime-800 {
  background: #9E9D24 !important;
}
.bg-md-lime-900 {
  background: #827717 !important;
}
.clr-md-lime-50 {
  color: #F9FBE7 !important;
}
.clr-md-lime-100 {
  color: #F0F4C3 !important;
}
.clr-md-lime-200 {
  color: #E6EE9C !important;
}
.clr-md-lime-300 {
  color: #DCE775 !important;
}
.clr-md-lime-400 {
  color: #D4E157 !important;
}
.clr-md-lime-500 {
  color: #CDDC39 !important;
}
.clr-md-lime-600 {
  color: #C0CA33 !important;
}
.clr-md-lime-700 {
  color: #AFB42B !important;
}
.clr-md-lime-800 {
  color: #9E9D24 !important;
}
.clr-md-lime-900 {
  color: #827717 !important;
}
.bg-md-yellow-50 {
  background: #FFFDE7 !important;
}
.bg-md-yellow-100 {
  background: #FFF9C4 !important;
}
.bg-md-yellow-200 {
  background: #FFF59D !important;
}
.bg-md-yellow-300 {
  background: #FFF176 !important;
}
.bg-md-yellow-400 {
  background: #FFEE58 !important;
}
.bg-md-yellow-500 {
  background: #FFEB3B !important;
}
.bg-md-yellow-600 {
  background: #FDD835 !important;
}
.bg-md-yellow-700 {
  background: #FBC02D !important;
}
.bg-md-yellow-800 {
  background: #F9A825 !important;
}
.bg-md-yellow-900 {
  background: #F57F17 !important;
}
.clr-md-yellow-50 {
  color: #FFFDE7 !important;
}
.clr-md-yellow-100 {
  color: #FFF9C4 !important;
}
.clr-md-yellow-200 {
  color: #FFF59D !important;
}
.clr-md-yellow-300 {
  color: #FFF176 !important;
}
.clr-md-yellow-400 {
  color: #FFEE58 !important;
}
.clr-md-yellow-500 {
  color: #FFEB3B !important;
}
.clr-md-yellow-600 {
  color: #FDD835 !important;
}
.clr-md-yellow-700 {
  color: #FBC02D !important;
}
.clr-md-yellow-800 {
  color: #F9A825 !important;
}
.clr-md-yellow-900 {
  color: #F57F17 !important;
}
.bg-md-amber-50 {
  background: #FFF8E1 !important;
}
.bg-md-amber-100 {
  background: #FFECB3 !important;
}
.bg-md-amber-200 {
  background: #FFE082 !important;
}
.bg-md-amber-300 {
  background: #FFD54F !important;
}
.bg-md-amber-400 {
  background: #FFCA28 !important;
}
.bg-md-amber-500 {
  background: #FFC107 !important;
}
.bg-md-amber-600 {
  background: #FFB300 !important;
}
.bg-md-amber-700 {
  background: #FFA000 !important;
}
.bg-md-amber-800 {
  background: #FF8F00 !important;
}
.bg-md-amber-900 {
  background: #FF6F00 !important;
}
.clr-md-amber-50 {
  color: #FFF8E1 !important;
}
.clr-md-amber-100 {
  color: #FFECB3 !important;
}
.clr-md-amber-200 {
  color: #FFE082 !important;
}
.clr-md-amber-300 {
  color: #FFD54F !important;
}
.clr-md-amber-400 {
  color: #FFCA28 !important;
}
.clr-md-amber-500 {
  color: #FFC107 !important;
}
.clr-md-amber-600 {
  color: #FFB300 !important;
}
.clr-md-amber-700 {
  color: #FFA000 !important;
}
.clr-md-amber-800 {
  color: #FF8F00 !important;
}
.clr-md-amber-900 {
  color: #FF6F00 !important;
}
.bg-md-orange-50 {
  background: #FFF3E0 !important;
}
.bg-md-orange-100 {
  background: #FFE0B2 !important;
}
.bg-md-orange-200 {
  background: #FFCC80 !important;
}
.bg-md-orange-300 {
  background: #FFB74D !important;
}
.bg-md-orange-400 {
  background: #FFA726 !important;
}
.bg-md-orange-500 {
  background: #FF9800 !important;
}
.bg-md-orange-600 {
  background: #FB8C00 !important;
}
.bg-md-orange-700 {
  background: #F57C00 !important;
}
.bg-md-orange-800 {
  background: #EF6C00 !important;
}
.bg-md-orange-900 {
  background: #E65100 !important;
}
.clr-md-orange-50 {
  color: #FFF3E0 !important;
}
.clr-md-orange-100 {
  color: #FFE0B2 !important;
}
.clr-md-orange-200 {
  color: #FFCC80 !important;
}
.clr-md-orange-300 {
  color: #FFB74D !important;
}
.clr-md-orange-400 {
  color: #FFA726 !important;
}
.clr-md-orange-500 {
  color: #FF9800 !important;
}
.clr-md-orange-600 {
  color: #FB8C00 !important;
}
.clr-md-orange-700 {
  color: #F57C00 !important;
}
.clr-md-orange-800 {
  color: #EF6C00 !important;
}
.clr-md-orange-900 {
  color: #E65100 !important;
}
.bg-md-deep-orange-50 {
  background: #FBE9E7 !important;
}
.bg-md-deep-orange-100 {
  background: #FFCCBC !important;
}
.bg-md-deep-orange-200 {
  background: #FFAB91 !important;
}
.bg-md-deep-orange-300 {
  background: #FF8A65 !important;
}
.bg-md-deep-orange-400 {
  background: #FF7043 !important;
}
.bg-md-deep-orange-500 {
  background: #FF5722 !important;
}
.bg-md-deep-orange-600 {
  background: #F4511E !important;
}
.bg-md-deep-orange-700 {
  background: #E64A19 !important;
}
.bg-md-deep-orange-800 {
  background: #D84315 !important;
}
.bg-md-deep-orange-900 {
  background: #BF360C !important;
}
.clr-md-deep-orange-50 {
  color: #FBE9E7 !important;
}
.clr-md-deep-orange-100 {
  color: #FFCCBC !important;
}
.clr-md-deep-orange-200 {
  color: #FFAB91 !important;
}
.clr-md-deep-orange-300 {
  color: #FF8A65 !important;
}
.clr-md-deep-orange-400 {
  color: #FF7043 !important;
}
.clr-md-deep-orange-500 {
  color: #FF5722 !important;
}
.clr-md-deep-orange-600 {
  color: #F4511E !important;
}
.clr-md-deep-orange-700 {
  color: #E64A19 !important;
}
.clr-md-deep-orange-800 {
  color: #D84315 !important;
}
.clr-md-deep-orange-900 {
  color: #BF360C !important;
}
.bg-md-brown-50 {
  background: #EFEBE9 !important;
}
.bg-md-brown-100 {
  background: #D7CCC8 !important;
}
.bg-md-brown-200 {
  background: #BCAAA4 !important;
}
.bg-md-brown-300 {
  background: #A1887F !important;
}
.bg-md-brown-400 {
  background: #8D6E63 !important;
}
.bg-md-brown-500 {
  background: #795548 !important;
}
.bg-md-brown-600 {
  background: #6D4C41 !important;
}
.bg-md-brown-700 {
  background: #5D4037 !important;
}
.bg-md-brown-800 {
  background: #4E342E !important;
}
.bg-md-brown-900 {
  background: #3E2723 !important;
}
.clr-md-brown-50 {
  color: #EFEBE9 !important;
}
.clr-md-brown-100 {
  color: #D7CCC8 !important;
}
.clr-md-brown-200 {
  color: #BCAAA4 !important;
}
.clr-md-brown-300 {
  color: #A1887F !important;
}
.clr-md-brown-400 {
  color: #8D6E63 !important;
}
.clr-md-brown-500 {
  color: #795548 !important;
}
.clr-md-brown-600 {
  color: #6D4C41 !important;
}
.clr-md-brown-700 {
  color: #5D4037 !important;
}
.clr-md-brown-800 {
  color: #4E342E !important;
}
.clr-md-brown-900 {
  color: #3E2723 !important;
}
.bg-md-grey-0 {
  background: #FFFFFF !important;
}
.bg-md-grey-50 {
  background: #FAFAFA !important;
}
.bg-md-grey-100 {
  background: #F5F5F5 !important;
}
.bg-md-grey-200 {
  background: #EEEEEE !important;
}
.bg-md-grey-300 {
  background: #E0E0E0 !important;
}
.bg-md-grey-400 {
  background: #BDBDBD !important;
}
.bg-md-grey-500 {
  background: #9E9E9E !important;
}
.bg-md-grey-600 {
  background: #757575 !important;
}
.bg-md-grey-700 {
  background: #616161 !important;
}
.bg-md-grey-800 {
  background: #424242 !important;
}
.bg-md-grey-900 {
  background: #212121 !important;
}
.clr-md-grey-0 {
  color: #FFFFFF !important;
}
.clr-md-grey-50 {
  color: #FAFAFA !important;
}
.clr-md-grey-100 {
  color: #F5F5F5 !important;
}
.clr-md-grey-200 {
  color: #EEEEEE !important;
}
.clr-md-grey-300 {
  color: #E0E0E0 !important;
}
.clr-md-grey-400 {
  color: #BDBDBD !important;
}
.clr-md-grey-500 {
  color: #9E9E9E !important;
}
.clr-md-grey-600 {
  color: #757575 !important;
}
.clr-md-grey-700 {
  color: #616161 !important;
}
.clr-md-grey-800 {
  color: #424242 !important;
}
.clr-md-grey-900 {
  color: #212121 !important;
}
.bg-md-blue-grey-50 {
  background: #ECEFF1 !important;
}
.bg-md-blue-grey-100 {
  background: #CFD8DC !important;
}
.bg-md-blue-grey-200 {
  background: #B0BEC5 !important;
}
.bg-md-blue-grey-300 {
  background: #90A4AE !important;
}
.bg-md-blue-grey-400 {
  background: #78909C !important;
}
.bg-md-blue-grey-500 {
  background: #607D8B !important;
}
.bg-md-blue-grey-600 {
  background: #546E7A !important;
}
.bg-md-blue-grey-700 {
  background: #455A64 !important;
}
.bg-md-blue-grey-800 {
  background: #37474F !important;
}
.bg-md-blue-grey-900 {
  background: #263238 !important;
}
.clr-md-blue-grey-50 {
  color: #ECEFF1 !important;
}
.clr-md-blue-grey-100 {
  color: #CFD8DC !important;
}
.clr-md-blue-grey-200 {
  color: #B0BEC5 !important;
}
.clr-md-blue-grey-300 {
  color: #90A4AE !important;
}
.clr-md-blue-grey-400 {
  color: #78909C !important;
}
.clr-md-blue-grey-500 {
  color: #607D8B !important;
}
.clr-md-blue-grey-600 {
  color: #546E7A !important;
}
.clr-md-blue-grey-700 {
  color: #455A64 !important;
}
.clr-md-blue-grey-800 {
  color: #37474F !important;
}
.clr-md-blue-grey-900 {
  color: #263238 !important;
}
.clr-aggie-maroon {
  color: #500000 !important;
}
.bg-aggie-maroon {
  background: #500000 !important;
}
.clr-aggie-support-black {
  color: #332C2C !important;
}
.bg-aggie-support-black {
  background: #332C2C !important;
}
.clr-aggie-support-grey {
  color: #707373 !important;
}
.bg-aggie-support-grey {
  background: #707373 !important;
}
.clr-aggie-support-red {
  color: #E4002B !important;
}
.bg-aggie-support-red {
  background: #E4002B !important;
}
.clr-aggie-support-yellow {
  color: #FCE300 !important;
}
.bg-aggie-support-yellow {
  background: #FCE300 !important;
}
html {
  color: #332C2C;
  font-family: "Moriston", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
p {
  font-size: inherit;
  color: inherit;
  letter-spacing: .5px;
  padding-bottom: .75rem;
  position: relative;
  font-weight: 400;
}
p.size-2 {
  font-size: 1.1rem;
}
p.size-3 {
  font-size: 1.5rem;
}
li {
  font-size: 1.1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: inherit;
  position: relative;
}
.section-heading {
  text-align: center;
  display: block;
}
.section-heading p {
  color: #9E9E9E;
  font-weight: 400;
}
.section-heading + div {
  margin-top: 1.5rem !important;
}
h1,
h2,
h3,
h4 {
  font-family: "Tungsten", sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  color: #424242;
  display: inline-block;
  letter-spacing: .5px;
}
h1.maroon,
h2.maroon,
h3.maroon,
h4.maroon {
  color: #500000;
}
h1.light,
h2.light,
h3.light,
h4.light {
  font-weight: 300;
}
h1 {
  font-size: 3.5rem;
}
h2 {
  font-size: 3rem;
  margin-top: .4rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.5rem;
}
li {
  list-style-position: inside;
}
a {
  color: #03a9f4;
  position: relative;
  text-decoration: none;
  font-weight: 400;
}
a:focus {
  outline: none;
}
nav a::hover {
  color: #212121;
}
.text.left {
  text-align: left;
}
.text.right {
  text-align: right;
}
.text.center {
  text-align: center;
}
html,
body {
  box-sizing: border-box;
  height: 100%;
}
body {
  background: #fafafa;
}
body > header {
  background: #EEEEEE;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding-left: 4vw;
  padding-right: 4vw;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 110;
}
body > footer {
  padding-top: 2rem;
  padding-bottom: 3rem;
  font-weight: 300;
  color: #f5f5f5;
  background: #232228;
  position: relative;
}
body > footer .top-section {
  margin-bottom: 1rem;
}
body > footer .top-section a {
  color: inherit;
  text-decoration: none;
  font-size: .75rem;
  text-transform: uppercase;
  color: #bdbdbd;
}
body > footer .top-section a::after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  left: 0;
  bottom: -3px;
  position: absolute;
  background: transparent;
  -webkit-transition: background 0.3s, height 0.3s;
  -moz-transition: background 0.3s, height 0.3s;
  -ms-transition: background 0.3s, height 0.3s;
  -o-transition: background 0.3s, height 0.3s;
  transition: background 0.3s, height 0.3s;
}
body > footer .top-section a:hover {
  color: #BDBDBD;
}
body > footer .top-section a:hover::after {
  height: 2px;
  background: #BDBDBD;
}
body > footer .top-section ul li {
  display: inline-block;
  list-style: none;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
body > footer .bottom-section {
  font-size: .7rem;
  color: #bdbdbd;
  text-align: center;
}
body > footer .bottom-section .copyright,
body > footer .bottom-section .legal,
body > footer .bottom-section .statement {
  text-align: center;
  box-sizing: border-box;
}
body > footer .bottom-section .copyright p,
body > footer .bottom-section .legal p,
body > footer .bottom-section .statement p,
body > footer .bottom-section .copyright a,
body > footer .bottom-section .legal a,
body > footer .bottom-section .statement a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  padding: .25rem 0;
  display: inline-block;
}
body > footer .bottom-section .copyright a:hover,
body > footer .bottom-section .legal a:hover,
body > footer .bottom-section .statement a:hover {
  text-decoration: underline;
}
body > footer .bottom-section .copyright {
  margin-bottom: 1.5rem;
}
body > footer .bottom-section .legal,
body > footer .bottom-section .statement {
  color: #9E9E9E;
}
section {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 0;
  position: relative;
  width: 100%;
}
figure {
  padding-top: 3rem;
  padding-bottom: 3rem;
  box-sizing: border-box;
}
figure figcaption {
  font-style: italic;
  font-size: 1.1rem;
}
ul.selective li {
  list-style: none;
  padding-left: 1.1rem;
  margin-top: .2rem;
  margin-bottom: .2rem;
  -webkit-transition: background 0.1s linear, X;
  -moz-transition: background 0.1s linear, X;
  -ms-transition: background 0.1s linear, X;
  -o-transition: background 0.1s linear, X;
  transition: background 0.1s linear, X;
}
ul.selective li i {
  width: .45rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.1s linear, X;
  -moz-transition: width 0.1s linear, X;
  -ms-transition: width 0.1s linear, X;
  -o-transition: width 0.1s linear, X;
  transition: width 0.1s linear, X;
}
ul.selective li:hover {
  background: #eeeeee;
  cursor: pointer;
}
ul.selective li:hover i {
  width: .75rem;
}
ul.selective li.selected {
  background: #eeeeee;
}
ul.selective li.selected i {
  width: .75rem;
}
header #site-logo div {
  background-image: url(../img/logos/block-logo.svg);
  height: 3.75rem;
  width: 12.0rem;
  background-size: contain;
}
header #main-logo-container::after,
header #main-logo-container::before {
  content: none;
}
footer .title.logo {
  background-image: url(../img/logos/block-logo-grey.svg);
  opacity: .5;
  height: 2.5rem;
  background-position: left;
  background-size: contain;
}
nav #menu-button-container {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  visibility: hidden;
  padding: 1rem 1rem 2rem 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
nav #menu-button,
nav #menu-button::before,
nav #menu-button::after {
  border: 1px solid #212121;
  height: 0;
  top: .5rem;
  left: 0;
  position: relative;
  display: block;
  -webkit-transition: 0.25s all, X;
  -moz-transition: 0.25s all, X;
  -ms-transition: 0.25s all, X;
  -o-transition: 0.25s all, X;
  transition: 0.25s all, X;
  box-sizing: border-box;
  z-index: 3;
  outline: 1px solid transparent;
  float: right;
}
nav #menu-button {
  width: 1.25rem;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
nav #menu-button::before,
nav #menu-button::after {
  -webkit-transform-origin: center right;
  -moz-transform-origin: center right;
  -ms-transform-origin: center right;
  -o-transform-origin: center right;
  transform-origin: center right;
}
nav #menu-button::before {
  content: '';
  width: .6em;
  top: -0.55rem;
  margin-right: -1px;
}
nav #menu-button::after {
  content: '';
  top: .35rem;
  width: 2rem;
  margin-right: -1px;
}
nav #menu-button.active,
nav #menu-button.active.deactivate {
  -webkit-animation: disappear 0.3s forwards;
  -moz-animation: disappear 0.3s forwards;
  -o-animation: disappear 0.3s forwards;
  animation: disappear 0.3s forwards;
}
nav #menu-button.active::before,
nav #menu-button.active.deactivate::before {
  -webkit-animation: topBarAnimIn 0.3s forwards;
  -moz-animation: topBarAnimIn 0.3s forwards;
  -o-animation: topBarAnimIn 0.3s forwards;
  animation: topBarAnimIn 0.3s forwards;
}
nav #menu-button.active::after,
nav #menu-button.active.deactivate::after {
  -webkit-animation: bottomBarAnimIn 0.3s forwards;
  -moz-animation: bottomBarAnimIn 0.3s forwards;
  -o-animation: bottomBarAnimIn 0.3s forwards;
  animation: bottomBarAnimIn 0.3s forwards;
}
nav #menu-button.deactivate {
  -webkit-animation: appear 0.3s forwards;
  -moz-animation: appear 0.3s forwards;
  -o-animation: appear 0.3s forwards;
  animation: appear 0.3s forwards;
}
nav #menu-button.deactivate::before {
  content: '';
  top: -0.55rem;
  -webkit-animation: topBarAnimOut 0.3s forwards;
  -moz-animation: topBarAnimOut 0.3s forwards;
  -o-animation: topBarAnimOut 0.3s forwards;
  animation: topBarAnimOut 0.3s forwards;
}
nav #menu-button.deactivate::after {
  content: '';
  top: .35rem;
  -webkit-animation: bottomBarAnimOut 0.3s forwards;
  -moz-animation: bottomBarAnimOut 0.3s forwards;
  -o-animation: bottomBarAnimOut 0.3s forwards;
  animation: bottomBarAnimOut 0.3s forwards;
}
@-webkit-keyframes disappear {
  100% {
    border: 1px solid rgba(33, 33, 33, 0);
    width: 0;
  }
}
@keyframes disappear {
  100% {
    border: 1px solid rgba(33, 33, 33, 0);
    width: 0;
  }
}
@-webkit-keyframes topBarAnimIn {
  100% {
    -webkit-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -ms-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -o-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    width: 2em;
  }
}
@keyframes topBarAnimIn {
  100% {
    -webkit-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -ms-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -o-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    width: 2em;
  }
}
@-webkit-keyframes bottomBarAnimIn {
  100% {
    -webkit-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -o-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    transform: translate3d(0, 0.2rem, 0) rotate(45deg);
  }
}
@keyframes bottomBarAnimIn {
  100% {
    -webkit-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -o-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    transform: translate3d(0, 0.2rem, 0) rotate(45deg);
  }
}
@-webkit-keyframes appear {
  0% {
    border: 1px solid rgba(33, 33, 33, 0);
  }
  100% {
    border: 1px solid #212121;
  }
}
@keyframes appear {
  0% {
    border: 1px solid rgba(33, 33, 33, 0);
  }
  100% {
    border: 1px solid #212121;
  }
}
@-webkit-keyframes topBarAnimOut {
  0% {
    -webkit-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -ms-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -o-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    width: 2rem;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    -o-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0);
    width: .6rem;
  }
}
@keyframes topBarAnimOut {
  0% {
    -webkit-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -moz-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -ms-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    -o-transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    transform: translate3d(0, -0.15rem, 0) rotate(-45deg);
    width: 2rem;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    -o-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0);
    width: .6rem;
  }
}
@-webkit-keyframes bottomBarAnimOut {
  0% {
    -webkit-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -o-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    transform: translate3d(0, 0.2rem, 0) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    -o-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
@keyframes bottomBarAnimOut {
  0% {
    -webkit-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    -o-transform: translate3d(0, 0.2rem, 0) rotate(45deg);
    transform: translate3d(0, 0.2rem, 0) rotate(45deg);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0);
    -moz-transform: translate3d(0, 0, 0) rotate(0);
    -ms-transform: translate3d(0, 0, 0) rotate(0);
    -o-transform: translate3d(0, 0, 0) rotate(0);
    transform: translate3d(0, 0, 0) rotate(0);
  }
}
nav#main-menu {
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
nav#main-menu #site-logo {
  display: inline-block;
}
nav#main-menu #site-logo a {
  display: block;
}
nav#main-menu a {
  display: inline-block;
  position: relative;
}
nav#main-menu a:not(#main-logo-container) {
  color: initial;
  font-size: .9rem;
  font-weight: 500;
  color: #616161;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
nav#main-menu a:not(#main-logo-container)::after {
  content: '';
  position: absolute;
  display: block;
  height: 3px;
  width: 100%;
  background: #757575;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, X;
  -moz-transition: opacity 0.3s, X;
  -ms-transition: opacity 0.3s, X;
  -o-transition: opacity 0.3s, X;
  transition: opacity 0.3s, X;
}
nav#main-menu a:not(#main-logo-container):hover {
  color: #212121;
}
nav#main-menu a:not(#main-logo-container):hover::after {
  opacity: 1;
}
nav#main-menu #links {
  display: inline-block;
  position: relative;
}
nav#off-canvas-menu {
  background: #F5F5F5;
  position: fixed;
  z-index: 110;
  right: -20rem;
  top: 4rem;
  height: 100%;
  width: 20rem;
  color: #333;
  text-align: left;
  font-weight: 400;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -moz-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -ms-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -o-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
}
nav#off-canvas-menu.active {
  -webkit-transform: translate3d(-19em, 0, 0);
  -moz-transform: translate3d(-19em, 0, 0);
  -ms-transform: translate3d(-19em, 0, 0);
  -o-transform: translate3d(-19em, 0, 0);
  transform: translate3d(-19em, 0, 0);
}
nav#off-canvas-menu ul li {
  display: block;
  width: 100%;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  z-index: 0;
  padding-top: 0;
  padding-bottom: 0;
}
nav#off-canvas-menu > div:last-child ul li:last-child {
  border-bottom: none;
  margin-bottom: 3em!important;
}
nav#off-canvas-menu ul li a,
nav#off-canvas-menu ul li .divider-tag {
  color: inherit;
  text-align: inherit;
  width: 100%;
  display: block;
  padding: 1em 3.5em;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
nav#off-canvas-menu ul li a::before,
nav#off-canvas-menu ul li a::after {
  content: none;
}
nav#off-canvas-menu ul li .divider-tag {
  padding: .5em 3.5em;
  color: #9E9E9E;
}
nav#off-canvas-menu ul li .divider-tag:after {
  content: '';
  position: absolute;
  background: #E0E0E0;
  width: 80%;
  height: 1px;
  bottom: .25em;
  left: 2.5em;
}
nav#off-canvas-menu ul li a span {
  padding-right: .75em;
}
nav#off-canvas-menu li:hover {
  background: #9E9E9E;
  color: #FFFFFF;
}
nav#off-canvas-menu .nav-divider {
  font-size: 1em;
}
nav#off-canvas-menu .nav-divider:hover {
  background: initial;
  color: initial;
}
div.modal-container,
div.modal-add {
  padding-top: 5em;
}
#info-modal {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #fcfcfc;
  z-index: 100;
  bottom: -100%;
  left: 0;
  -webkit-transition: all 0.4s, X;
  -moz-transition: all 0.4s, X;
  -ms-transition: all 0.4s, X;
  -o-transition: all 0.4s, X;
  transition: all 0.4s, X;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
}
#info-modal.slide-in {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
#info-modal .card {
  opacity: 0;
  -webkit-animation: fade-in 0.7s;
  -moz-animation: fade-in 0.7s;
  -o-animation: fade-in 0.7s;
  animation: fade-in 0.7s;
  -webkit-transform: translate3d(0, 10em, 0);
  -moz-transform: translate3d(0, 10em, 0);
  -ms-transform: translate3d(0, 10em, 0);
  -o-transform: translate3d(0, 10em, 0);
  transform: translate3d(0, 10em, 0);
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #0b0b0b;
  opacity: 0;
  z-index: 100;
  top: 0;
  left: 0;
  -webkit-transition: all 0.25s, X;
  -moz-transition: all 0.25s, X;
  -ms-transition: all 0.25s, X;
  -o-transition: all 0.25s, X;
  transition: all 0.25s, X;
}
#modal-bg.active {
  opacity: .3;
}
.modal-bg-open {
  overflow: hidden;
}
#close-help {
  position: absolute;
  top: 1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .75em;
  color: #cccccc;
}
#modal-close-button-container {
  display: block;
  height: 2em;
  width: 2em;
  position: absolute;
  right: 2em;
  top: 2em;
  z-index: 9999;
}
#modal-close-button {
  background: url(../img/icons/ic_close_48px.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: block;
}
#card-close-button-container {
  display: none;
  height: 2em;
  width: 2em;
  position: absolute;
  right: 1em;
  top: 1em;
}
#info-card {
  position: absolute;
  display: block;
  top: 1em;
  right: 1em;
  margin: 0;
  padding: 1em;
  width: 400px;
  max-height: 54px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: max-height 0.5s, X;
  -moz-transition: max-height 0.5s, X;
  -ms-transition: max-height 0.5s, X;
  -o-transition: max-height 0.5s, X;
  transition: max-height 0.5s, X;
}
#info-card.active {
  max-height: 60%;
}
#info-card .card-list-item {
  opacity: 0;
  -webkit-transition: opacity 0.5s, X;
  -moz-transition: opacity 0.5s, X;
  -ms-transition: opacity 0.5s, X;
  -o-transition: opacity 0.5s, X;
  transition: opacity 0.5s, X;
}
#info-card.active .card-list-item {
  opacity: 1;
}
.row {
  position: relative;
  overflow: hidden;
}
.double-pane {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: inherit;
}
.double-pane .column1 {
  width: 75px;
}
.double-pane .column2 {
  width: 170px;
}
.double-pane .column3 {
  width: 265px;
}
.double-pane .column4 {
  width: 360px;
}
.double-pane .column5 {
  width: 455px;
}
.double-pane .column6 {
  width: 550px;
}
.double-pane .column7 {
  width: 645px;
}
.double-pane .column8 {
  width: 740px;
}
.double-pane .column9 {
  width: 835px;
}
.double-pane .column10 {
  width: 930px;
}
.double-pane .column11 {
  width: 1025px;
}
.double-pane .column12 {
  width: 1120px;
}
.double-pane > div {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.sidebar {
  text-align: left;
  font-size: .9rem;
  font-weight: 500;
  color: #414141;
}
#landing {
  padding: 0;
}
#landing .bg-img {
  padding-top: 5vh;
}
#landing h1 {
  line-height: 1;
}
#research {
  background-image: url(../img/graphics/backdrop-research.svg);
  background-size: 35%;
  background-position: center;
  background-repeat: repeat;
}
#distinction {
  background-image: url(../img/graphics/backdrop-distinction.svg);
  background-size: 20%;
  background-position: center;
  background-repeat: repeat;
}
#dev {
  background-image: url(../img/graphics/backdrop-software-dev.svg);
  background-size: cover;
  background-position: center top;
  background-repeat: repeat-y;
}
#design {
  background-image: url(../img/graphics/backdrop-design.svg);
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
}
#dev::before,
#design::before,
#distinction::before,
#research::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(#ffffff, #f5f5f5);
  opacity: .75;
}
.bg-img {
  height: inherit;
  width: inherit;
  position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.swapping-cards {
  position: relative;
}
#filter-container .input-item:first-child {
  margin-top: 0;
  margin-bottom: 1.0rem;
}
#filter-toggle {
  display: none;
  color: #9e9e9e;
  -webkit-transition: color 0.3s, X;
  -moz-transition: color 0.3s, X;
  -ms-transition: color 0.3s, X;
  -o-transition: color 0.3s, X;
  transition: color 0.3s, X;
  margin-bottom: 1rem;
}
#filter-toggle.active {
  color: #500000;
}
#filter-toggle:hover {
  cursor: pointer;
}
.content-block {
  margin: 1em 0 1em 0;
}
.fa.duration::before {
  color: #43BC9A;
}
.inline-link {
  padding: 0 .5em;
  color: #03a9f4;
  display: inline-block;
}
.info:after {
  content: ': ';
  display: inline;
}
.bg-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.modal-open {
  overflow: hidden;
}
.card-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  z-index: 100;
}
.menu-divider {
  width: 90%;
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.menu-divider > span {
  font-size: .8em;
  color: #757575;
}
.menu-divider > span::before {
  height: 1px;
  width: 45px;
  display: inline-block;
  top: -0.3em;
  position: relative;
  background: #e0e0e0;
  content: '';
  margin-right: .5em;
}
.menu-divider > span::after {
  height: 1px;
  width: 45px;
  display: inline-block;
  top: -0.3em;
  position: relative;
  background: #e0e0e0;
  content: '';
  margin-left: .5em;
}
.tile {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.tile h3 {
  font-weight: 400;
}
.card {
  box-sizing: border-box;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background: #FFFFFF;
  margin-bottom: 2rem;
  position: relative;
  z-index: 0;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}
.card[href]:hover {
  cursor: pointer;
}
.card .row.lazy-load-prompt {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  background-color: #EEEEEE;
  text-align: center;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  font-size: 1.2rem !important;
  font-weight: 400;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.card .row.lazy-load-prompt:hover {
  cursor: pointer;
}
.card.no-pad {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  margin: 1.5em auto;
  -webkit-transition: box-shadow 0.2s, X;
  -moz-transition: box-shadow 0.2s, X;
  -ms-transition: box-shadow 0.2s, X;
  -o-transition: box-shadow 0.2s, X;
  transition: box-shadow 0.2s, X;
}
.card.no-pad:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.26);
}
.card.no-pad > a {
  padding: inherit;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  min-height: 15rem;
}
.card > h1,
.card > h2,
.card > h3,
.card > h4,
.card > h5 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  margin-bottom: .75rem;
  line-height: 1;
  text-align: left;
}
.citation-format.card .row {
  padding: .5rem 1.75rem;
}
.citation-format.card .row:hover {
  cursor: pointer;
}
.citation-format.colab.card .row {
  border-bottom: 1px solid #eeeeee;
  font-size: 1.1rem;
  margin-bottom: 0;
}
.citation-format.colab.card .row:last-child {
  border-bottom: none;
}
.citation-format.colab.card .row p {
  font-size: inherit;
  font-size: 0.95rem;
  padding-bottom: .25rem;
  padding-top: .25rem;
}
.citation-format.colab.card span.title {
  font-style: italic;
}
.incomplete.citation-format.card {
  padding-bottom: 0;
}
.incomplete.citation-format.card .row:nth-last-child(2) {
  border-bottom: none;
}
.incomplete.citation-format.card .row:last-child {
  margin-bottom: 0;
}
.layerToggle {
  height: 26px;
  width: 26px;
  position: absolute;
  background: #fff;
  background-image: url(../img/Layers.svg);
  left: 10px;
  top: 4.5em;
  border-radius: 4px;
}
.layerToggle:hover {
  background-color: #f4f4f4;
}
.layers.card {
  position: absolute;
  top: 4em;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -moz-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -ms-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  -o-transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
  transition: all 0.35s cubic-bezier(0.25, 0, 0.25, 1.2), X;
}
.layers.card.active {
  -webkit-transform: translate3d(10px, 0, 0);
  -moz-transform: translate3d(10px, 0, 0);
  -ms-transform: translate3d(10px, 0, 0);
  -o-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.layers.card .radio-group {
  display: block;
  font-size: 1em;
}
.layer-group {
  margin: 0 1em;
  position: relative;
}
.layer-group span {
  padding: 0 .4em .25em .1em;
  position: inherit;
  top: -0.15em;
}
table {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 1em !important;
}
table.css-count {
  content: submission-counter;
}
th {
  text-align: left;
  color: #9E9E9E;
  font-weight: 400;
}
td,
th {
  padding: .75em .325em !important;
}
.clickableRow:hover {
  cursor: pointer;
}
tbody > tr:nth-child(2n) {
  background: #F5F5F5;
}
tbody > tr:hover {
  background: #E0E0E0;
}
table.css-count tbody tr {
  counter-increment: submission-counter;
}
table.css-count tbody tr > td:first-child::before {
  content: counter(submission-counter);
}
td > span.delete {
  background: url(../img/icons/ic_close_48px.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 1em;
  width: 1em;
  display: block;
  opacity: 0;
}
tr:hover td > span.delete {
  opacity: 1;
}
#title-banner {
  box-sizing: border-box;
  padding: 1.2em 0;
}
.section-title {
  text-align: center;
  margin-top: .6em;
  margin-bottom: .6em;
}
article {
  padding-top: 3em;
}
article header {
  text-align: left;
  margin-bottom: 2.5em;
}
article header p {
  font-style: italic;
  padding: .1em 0;
}
article header img {
  padding: 1em 0;
  width: 100%;
  background-size: cover;
}
article figcaption {
  font-style: italic;
  font-weight: 300;
}
article h2,
article h3,
article h4 {
  padding-bottom: .20em;
  margin-top: 1em;
}
article p,
article ul,
article ol,
article blockquote {
  padding-top: .5em;
  padding-bottom: .5em;
}
article p + ul,
article p + ol {
  padding-left: 2.5em;
}
article .content {
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .5px;
}
code {
  font-family: "Courier New", serif;
  background: #9e9e9e;
  color: #FFFFFF;
  border-radius: 3px;
  padding: 0 .25em;
  letter-spacing: 0;
  word-spacing: 0;
}
article blockquote {
  width: 95%;
  margin: 0 auto;
  display: block;
  font-weight: 300;
  font-style: italic;
}
article blockquote::before {
  content: '“';
  display: inline-block;
  padding-right: .25em;
}
article blockquote::after {
  content: '”';
  display: inline-block;
  padding-left: .25em;
}
article .shade {
  background: #90A4AE;
  box-sizing: border-box;
  margin-top: .5em;
  margin-bottom: .5em;
  padding: 1.25em;
  color: #FFFFFF;
  text-align: center;
}
article .row {
  margin-top: 20px;
}
article .card {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
article .card h3 {
  padding-top: 0;
  margin-top: 0;
}
section > header#section-links-container {
  background: #333;
}
nav#section-nav {
  box-sizing: border-box;
  margin: .5em 0;
}
nav#section-nav li {
  display: inline-block;
  margin: 0 !important;
}
nav#section-nav a {
  color: #BDBDBD;
  padding: .65em 1em;
  display: block;
  font-size: 1.1em;
  transition: all .15s;
}
nav#section-nav li {
  border-right: 1px solid #424242;
}
nav#section-nav li:last-child {
  border-right: none;
}
nav#section-nav a.active,
nav#section-nav a:hover {
  color: #FFFFFF;
}
.browser-wireframe-container {
  width: 100%;
  height: auto;
  position: relative;
  display: block;
  margin: 3rem auto;
  box-sizing: border-box;
  overflow: hidden;
  border: 2px solid #9A8B7F;
  border-top: none;
}
.browser-wireframe-buttons-url-container {
  width: 100%;
}
.browser-wireframe-buttons {
  width: 100%;
  height: 3.25rem;
  position: relative;
  background: #9A8B7F;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.browser-wireframe-buttons span {
  display: inline-block;
  position: relative;
  height: .85rem;
  width: .85rem;
  background: #fafafa;
  border-radius: 50%;
  margin: 0 .2em;
}
.browser-wireframe-buttons span:first-child {
  margin-left: .75rem;
}
.browser-wireframe-url {
  width: 95%;
  position: relative;
  border: 1px solid #BDBDBD;
  height: 2em;
  margin: 0 auto;
  border-radius: 3px;
  top: 2em;
  box-sizing: border-box;
  text-align: left;
  background: #f0f2f3;
}
.browser-wireframe-url a {
  position: relative;
  color: #333;
  width: 100%;
  display: block;
  padding-left: .5em;
  padding-top: .2em;
  box-sizing: border-box;
}
.browser-wireframe-content {
  position: relative;
}
.browser-wireframe-content video {
  width: 100%;
}
.three-column-img {
  width: 5em;
  height: 4.5em;
}
#mobile-wireframe {
  position: relative;
  display: none;
  margin: 0 auto;
  background: #fcfcfc;
  padding: 3.5em .75em;
  border-radius: 35px;
  width: 80%;
  border: 1px solid #E0E0E0;
  box-shadow: 0 0 0 5px #E0E0E0;
  z-index: 50;
}
#mobile-display {
  display: block;
}
#mobile-display img {
  border: 2px solid #333333;
}
#mobile-speaker {
  position: absolute;
  height: .4em;
  width: 5em;
  border-radius: 20px;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 1.5em;
}
#mobile-camera {
  position: absolute;
  height: .5em;
  width: .5em;
  border-radius: 50%;
  top: 0;
  left: 30%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 1.5em;
}
#mobile-volume-up {
  position: absolute;
  height: 3.5em;
  width: .2em;
  background: inherit;
  left: -0.6em;
  top: 3.5em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#mobile-volume-down {
  position: absolute;
  height: 3.5em;
  width: .2em;
  background: inherit;
  left: -0.6em;
  top: 7.5em;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#mobile-power {
  position: absolute;
  height: 3.5em;
  width: .2em;
  background: inherit;
  right: -0.6em;
  top: 3.5em;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#mobile-home {
  position: absolute;
  height: 1.75em;
  width: 1.75em;
  background: inherit;
  left: 50%;
  bottom: 1.5em;
  background: none;
  border: 3px solid #BDBDBD;
  border-radius: 9px;
  -webkit-transform: translateX(-50%) translateY(25%);
  -moz-transform: translateX(-50%) translateY(25%);
  -ms-transform: translateX(-50%) translateY(25%);
  -o-transform: translateX(-50%) translateY(25%);
  transform: translateX(-50%) translateY(25%);
}
#mobile-volume-up,
#mobile-volume-down,
#mobile-power {
  border: 1px solid #E0E0E0;
}
#mobile-speaker,
#mobile-camera {
  background: #BDBDBD;
}
.profile {
  padding: 0;
  margin: 1rem .75rem;
  height: 17rem;
  width: 17rem;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  -webkit-transition: border 0.2s, X;
  -moz-transition: border 0.2s, X;
  -ms-transition: border 0.2s, X;
  -o-transition: border 0.2s, X;
  transition: border 0.2s, X;
}
.profile .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 100%;
  width: 100%;
  position: relative;
}
.profile .image > div {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #ffffff;
  padding: 1rem 0;
  box-sizing: border-box;
  text-align: left;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.2s, border 0.2s;
  -moz-transition: opacity 0.2s, border 0.2s;
  -ms-transition: opacity 0.2s, border 0.2s;
  -o-transition: opacity 0.2s, border 0.2s;
  transition: opacity 0.2s, border 0.2s;
}
.profile .class-banner {
  text-transform: uppercase;
  font-family: inherit;
  font-weight: 400;
  font-size: 2rem;
  position: absolute;
  top: 1.75rem;
  left: -7.5rem;
  width: 100%;
  z-index: 1;
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-align: center;
  padding: .5rem 0;
}
.profile.no-img {
  border: 1px solid #bdbdbd;
}
.profile.no-img .image > div {
  opacity: .95;
}
.profile:hover {
  border: 1px solid #bdbdbd;
}
.profile:hover .image > div {
  opacity: .9;
}
.profile .name,
.profile .description,
.profile .title,
.profile .class {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.profile .name {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
  font-family: inherit;
  font-family: "Tungsten", sans-serif;
  text-transform: uppercase;
}
.profile .title {
  font-size: 1.00rem;
}
.profile .class {
  font-weight: 100;
  font-size: 1.75rem;
  line-height: 1;
  margin-bottom: .5rem;
  text-transform: uppercase;
  font-family: inherit;
}
.profile .link {
  color: inherit;
  font-size: .9rem;
  text-decoration: underline;
}
.profile .description p {
  font-size: 1.1rem;
  line-height: 1.4;
  padding-top: 0;
  font-weight: 300;
}
.profile .social {
  color: #BDBDBD;
  display: block;
  padding: 1rem;
  border-top: 1px solid #eeeeee;
}
.profile .social i {
  padding: 0 .25rem;
  -webkit-transition: color 0.25s, X;
  -moz-transition: color 0.25s, X;
  -ms-transition: color 0.25s, X;
  -o-transition: color 0.25s, X;
  transition: color 0.25s, X;
}
.profile .social i:first-child {
  padding-left: 0;
}
.button.flat {
  background: none;
  font-weight: 600;
  box-shadow: none;
  color: #332C2C;
}
.button.flat:hover {
  background: rgba(0, 0, 0, 0.07);
}
.button.flat .ripple {
  background: rgba(0, 0, 0, 0.15);
}
.button.flat.persistent {
  background: rgba(0, 0, 0, 0.05);
}
.failed {
  background: #323232;
}
.success {
  background: #323232;
}
.warning {
  background: #323232;
}
.notification {
  background: #323232;
  font-size: .9em;
  min-width: 288px;
  max-width: 568px;
  max-height: 48px;
  position: fixed;
  bottom: 3em;
  left: 3em;
  border-radius: 2px;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: .9em 1.5em;
  text-align: center;
  z-index: 99999;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}
.notification.animate-out {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.notification.animate-in,
.notification.animate-out {
  -webkit-animation-name: animScale;
  animation-name: animScale;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes animScale {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  bottom: -1.5rem;
  right: 2.5rem;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(65, 78, 89, 0.3);
  border-right: 0.3em solid rgba(65, 78, 89, 0.3);
  border-bottom: 0.3em solid rgba(65, 78, 89, 0.3);
  border-left: .3em solid transparent;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 .75s infinite linear;
  animation: load8 0.75s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.feature-item {
  margin: 1.5rem 0;
  width: 90%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.feature-item .feature-icon-w-label img {
  display: inline-block;
  max-width: 2.25rem;
  height: 3rem;
}
.feature-item .feature-description {
  text-align: left;
  margin-left: 2rem;
}
.feature-item .feature-description .title {
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 600;
  color: #616161;
  padding-bottom: .5rem;
}
.feature-item .feature-description .text {
  font-size: .85rem;
}
section#development {
  margin-bottom: 3rem;
}
section#development .development-item {
  margin: .75rem 0;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  width: 100%;
}
section#development .development-item a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  color: #616161;
}
section#development .development-item a div {
  width: 50%;
  margin: 0;
  padding: 6rem 0;
}
section#development .development-item a div:first-child {
  background: #ffffff;
}
section#development .development-item a div:first-child > p {
  padding: 0 2rem;
}
section#development .development-item a div:first-child > p.project-title {
  font-weight: 500;
  margin-bottom: .5rem;
  font-size: 1.1rem;
  color: #424242;
}
section#development .development-item a div:first-child > p.project-tags {
  margin-bottom: .5rem;
  font-size: .95rem;
}
section#development .development-item a div:first-child > p.project-description {
  font-size: .95rem;
}
section#development .development-item a div:nth-child(2) {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 60% !important;
}
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}